<template>
  <!-- 输入框 -->
    <header class="header">
      <h1>小黑记事本</h1>
      <input @keyup.enter="hAdd" v-model.trim="name" placeholder="请输入任务" class="new-todo" />
      <button @click="hAdd" class="add">添加任务</button>
    </header>
</template>

<script>
export default {
  data() {
    return {
      name : ''
    }
  },
  methods: {
    hAdd() {
      if(!this.name) return alert('请输入任务')
      this.$emit('add', this.name)
      this.name = ''
    }
  }
}
</script>

<style>

</style>